<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="../tpl/head.jsp"%>
<div id="LAY_app" class="layui-fluid">
	<div class="layui-tab">
		<ul class="layui-tab-title">
			<li onclick="navto()">流程图</li>
			<li class="layui-this">审批日志</li>
		</ul>
		<div class="layui-tab-content">
			<div class="layui-tab-item layui-show">
				<div class="layui-form layui-border-box layui-table-view">
					<div class="layui-table-box">
						<div class="layui-table-header">
							<table class="layui-table" cellspacing="0" cellpadding="0">
								<tr>
									<th>
										<div class="layui-table-cell laytable-cell-1-0-0">
											序号
										</div>
									</th>
									<th>
										<div class="layui-table-cell laytable-cell-1-0-0">
											节点名称
										</div>
									</th>
									<th>
										<div class="layui-table-cell laytable-cell-1-0-0">
											接受时间
										</div>
									</th>
									<th>
										<div class="layui-table-cell laytable-cell-1-0-0">
											完成时间
										</div>
									</th>
									<th>
										<div class="layui-table-cell laytable-cell-1-0-0">
											耗时
										</div>
									</th>
									<th>
										<div class="layui-table-cell laytable-cell-1-0-0">
											参与者
										</div>
									</th>
									<th>
										<div class="layui-table-cell laytable-cell-1-0-0">
											操作
										</div>
									</th>
								</tr>
								<tbody>
									<tr>
										<td>1</td>
										<td>财务审核</td>
										<td>2021-08-20 08:20</td>
										<td>2021-08-20 08:20</td>
										<td>1分40秒</td>
										<td style="color: #007BFF;">张三</td>
										<td>提交</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-tab-item">
				<div class="layui-form layui-border-box layui-table-view">
					<div class="layui-table-box">
						<div class="layui-table-header">
							<table class="layui-table" cellspacing="0" cellpadding="0">
								<tr>
									<th>
										<div class="layui-table-cell laytable-cell-1-0-0">
											序号
										</div>
									</th>
									<th>
										<div class="layui-table-cell laytable-cell-1-0-0">
											流程名称
										</div>
									</th>
									<th>
										<div class="layui-table-cell laytable-cell-1-0-0">
											流程模板
										</div>
									</th>
									<th>
										<div class="layui-table-cell laytable-cell-1-0-0">
											单据号
										</div>
									</th>
									<th>
										<div class="layui-table-cell laytable-cell-1-0-0">
											发起时间
										</div>
									</th>
									<th>
										<div class="layui-table-cell laytable-cell-1-0-0">
											作废时间
										</div>
									</th>
								</tr>
								<tbody>
									<tr>
										<td>1</td>
										<td>财务审核</td>
										<td>费用申请</td>
										<td>123456789</td>
										<td>2021-08-20 08:20</td>
										<td>2021-08-21 08:20</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<style>
	body {
		background-color: #FFFFFF;
	}

	.layui-table td {
		height: 28px;
		line-height: 28px;
		padding: 5px 15px !important;
		position: relative;
		box-sizing: border-box;
	}

	.layui-tab-title {
		border: 0;
	}

	.layui-this {
		color: #FFFFFF !important;
		background-color: #0088ff;
	}
</style>
<%@ include file="../tpl/foot.jsp" %>
<script type="text/html" id="barDemo">
	<a class="layui-btn layui-btn-xs" lay-event="edit">处理</a>
</script>
<script type="text/javascript" src="statics/js/jquery.min.js"></script>
<script>
	layui.use('element', function() {
		var $ = layui.jquery,
			element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块

		//触发事件
		var active = {
			tabChange: function() {
				//切换到指定Tab项
				element.tabChange('demo', '22'); //切换到：用户管理
			}
		};

	});
</script>
<script>
	function navto() {
		window.location.href = "views/jsp/Processcenter/lct.jsp";
	}

	function chongzhi() {
		console.log("1")
		$("#demoReload").val('')
		$("#demoReload1").val('')
		$("#demoReload2").val('')
	}
	layui.use('table', function() {
		var table = layui.table;
		table.render({
			elem: '#test',
			url: 'statics/json/daiban.json?page=1&limit=1',
			cols: [
				[{
						field: 'id',
						title: '序号'
					}, {
						field: 'name',
						title: '流程名称'
					}, {
						field: 'muban',
						title: '流程模板'
					}, {
						field: 'number',
						title: '单据号'
					}, {
						field: 'jiedian',
						title: '当前节点'
					} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
					, {
						field: 'time',
						title: '停留时间'
					}, {
						field: 'chuliren',
						title: '处理人'
					}, {
						field: 'faqiren',
						title: '发起人'
					}, {
						field: 'faqirenzuzhi',
						title: '发起人组织'
					}, , {
						field: 'wealth',
						title: '操作',
						toolbar: "#barDemo"
					}
				]
			]
		});
	});
</script>
